<title>冯俊杰个人主页</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/logo.png" />
<style>
:root {
    --primary-color: rgb(48, 48, 48);
}
    *{ margin: 0px; padding: 0px;}
    iframe{ border: none; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}
    .progressWrap{ position:absolute; width: 100%; height: 100%; z-index: 99; background-color: #fff;  opacity: 1; transition: all 1s; text-align: center;  font-size: 14px }
    .progressWrap .a{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
    .progress{ background-color: rgb(194, 194, 194); width: 30vw; height: 6px; border-radius: 3px; overflow: hidden; margin: auto;}
    .progressWrap img{ padding-bottom:10vh; display: block; margin: auto;  animation: myfirst 2s; width: 100%;}
    .progress_value{ background-color: rgb(48, 48, 48); height: 6px; width: 0%; transition: all ; transition-duration: 3s; }
    
    .progressWrap .text{ display: none; height: 6px;}

    @keyframes myfirst
{
    from { opacity: 0;}
    to { opacity: 1;}
}
 
</style>

<div class="progressWrap">
    <div class="a">
    <img src="./title.jpg"/>
    <div class="progress"><div class="progress_value"></div></div>
    <div class="text">点击进入</div>
    </div>
</div>
<iframe></iframe>
<script>
    
    document.querySelector('.progress_value').style.width = '50%'
    document.querySelector('img').onload = function (){
        setTimeout(()=>{
            document.querySelector('iframe').src  = './home.html';
        },1000);
    }

    window.loadingNimber = [
        false,
        false,
        false,
        false,
        false,
    ]

    window.loadingText = function (i){
        window.loadingNimber[i] = true;

        let nimber  = 0;
        loadingNimber.map((item)=>{
            if(item){nimber++}
        });
        var bi = nimber/loadingNimber.length;
        
        if(bi>1){
            bi = 1;
        }
        document.querySelector('.progress_value').style.transitionDuration = '0.5s';
        document.querySelector('.progress_value').style.width = 50+(bi*50)+'%';

       // console.log(document.querySelector('.progress_value').style.width);
        if(bi == 1){

           
           
                    // document.querySelector('iframe').contentWindow.windowBOfang();
                    // document.querySelector('.progressWrap').style.opacity = 0;
                    // setTimeout(()=>{
                    //     document.querySelector('.progressWrap').style.display = 'none'
                    // },1000);
            
         
            document.querySelector('.progressWrap').style.opacity = 0;
            setTimeout(()=>{
                document.querySelector('.progressWrap').style.display = 'none'
            },1000);
        }
    }
</script>